<template>
  <div>
    <mt-header fixed title="首页" class="firstStyle"></mt-header>
 
    <mt-loadmore :bottom-method="loadBottom" ref="loadmore">
        <ul class="ulStyle">
           <li v-for="(item,index) in list" :key="index">{{item.title}}</li>
        </ul>
    </mt-loadmore>

  </div>
</template>

<script>
 import axios from 'axios'

export default {
   data () {
    return{
        list: []
    }
   },

   mounted(){
       const url = 'http://dohtml5.duapp.com/bd/api.php/wbc_msbd?transform=1&order=id,desc&page=1,20&columns=id,title'
       axios({
           method: 'get',
           url: url
       }).then(res=>{
        //    console.log(res.data.wbc_msbd)
        this.list = res.data.wbc_msbd
       })
  
   },

   methods:{
      loadBottom(){

      }
   }
}
</script>

<style>
.firstStyle{
    background-color: red
}
.ulStyle{
    margin-top: 50px;
}
.ulStyle li{
    list-style: none;
}
 
</style>
